<template>
	<!-- 设置 -->
	<view>
		<u-cell title="个人资料" size="large" @click="gopersonal"></u-cell>
		<u-cell title="地址管理" size="large" @click="goAddress"></u-cell>
		<u-cell title="主题风格" size="large" @click="goColor"></u-cell>
		<view class="about"><text style="padding-left: 4%;">关于</text> <text
				style="font-size: 12px; color: #ccc; padding-right: 4%;">版本号v2.0.0</text> </view>
		<button class="exit" @click="exit">退出登录</button>
		<view class="times">
			<p>Copyright◎2019-2022 v-shop | v2</p>
			<p>最后发布时间: 202208161505</p>
			<u-toast ref="uToast"></u-toast>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goColor() {
				uni.navigateTo({
					url: '/pages/them/them'
				})
			},
			exit() {
				let that = this
				uni.removeStorage({
					key: 'token',
					success() {
						that.$refs.uToast.show({
							message: '退出成功',
							type: 'success'
						})
						setTimeout(() => {
							uni.switchTab({
								url: '../mine/mine'
							})
						}, 1500)
					}
				})

			},
			gopersonal() {
				uni.navigateTo({
					url: '/pages/profiles/profile'
				})
			},
			goAddress() {
				uni.navigateTo({
					url: '/pages/address/address'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-cell {
		background-color: #fff;
	}

	page {
		background-color: rgb(247, 248, 250);
	}

	::v-deep .u-cell__title-text[data-v-1c4434ae] {
		font-size: 13px !important;
	}

	.about {

		background-color: #fff;
		width: 100%;
		height: 14vw;
		position: absolute;
		top: 146px;
		font-size: 13px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.exit {
		margin-top: 10vh;
		width: 100%;
		height: 15vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		border: none;
		background-color: #fff;
	}

	.times {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		color: rgba(0, 0, 0, 0.5);
		margin-top: 10vw;

		p {
			font-size: 12px;
		}
	}
</style>